사람들은 일반적으로 스크립트를 파싱하는 속도에 차이를두기보다는 최소화기를 사용하여 스크립트의 크기를 줄이고 다운로드 속도를 향상시킵니다.
공백이나 주석은 파서가 공백인지 주석인지 확인해야하기 때문에 브라우저를 실행하는 데 걸리는 시간에는 거의 영향을 미치지 않지만 실제로는 현재 컴퓨팅 성능으로 매우 미세하므로 불가능할 것입니다. 영향을 확인하십시오.
그러나 SIZE는 우리의 광대역 세계에서 사용 가능한 큰 대역폭에도 여전히 중요합니다.
|
공백과 주석은 JavaScript 파일의 크기를 증가시켜 서버에서 파일을 실제로 다운로드하는 속도를 느리게합니다. 축소는 JavaScript 파일에서 불필요한 문자를 제거하여 더 작고 쉽게 다운로드하는 과정입니다.
그러나 무차별 대입 공격을 언급 했으므로 병목 현상은 다운로드가 아닐 수 있습니다. 프로파일 러를 사용하여 속도가 느려지는 것을 찾으십시오.
|
서버로드를 용이하게하기 위해 자산을 축소, 결합 및 압축하는 데는 항상 포인트가 있습니다.
축소는 다운로드 속도를 줄이기 위해 불필요한 공백과 주석을 제거하는 작업입니다.
결합하면 페이지 렌더링 속도가 훨씬 더 빨라집니다. 모든 javascript 파일을 하나로 병합하고 모든 css 파일을 하나로 병합하는 행위입니다 (대부분의 이미지에 대해서도 수행 할 수 있지만 작업에는 더 많은 작업이 필요함). 이는 페이지를 표시하기 위해 브라우저가 서버에 대해 작성해야하는 요청의 양을 줄이기 위해 수행됩니다.
GZipping은 압축 된 형식으로 데이터를 브라우저에 추가로 압축하여 해당 데이터를 수락 할 것임을 나타냅니다. 이렇게하면 크기가 더 줄어들지 만 양쪽 끝에 약간의 작업 부하가 추가됩니다. 당신은 그것으로부터 순이익을 볼 가능성이 있습니다.
작업중인 환경에 따라이 작업에 도움이되는 다양한 구성 요소가 있으며 일반적으로 위의 모든 사항을 한 번에 다룹니다.
코드를 서버에서 다운로드하는 데 걸리는 시간은 페이지를 렌더링하는 데 걸리는 시간에 직접적인 영향을줍니다. 자바 스크립트가 차단되고 있습니다. 즉, 블록이 완전히 실행될 때까지 JS 블록이 추가 렌더링을 방지합니다. 따라서 자바 스크립트 파일을 넣는 위치 (즉, 렌더링 프로세스의 어느 지점에 해당 파일이 요청되는지), 파일을 완전히 다운로드하는 데 걸리는 요청 수, 다운로드 할 데이터의 양이 영향을 미칩니다. 페이지로드시 사용자에게 표시됩니다.
브라우저가 javascript, css 또는 html과 같은 코드를 구문 분석하면 계속 기억해야하는 부분의 내부 표현이 생성되며 실제 형식은 더 이상 영향을주지 않습니다.
|
js 코드의 공백이 실행 속도를 늦추지 않는다고 생각합니다. 내가 이해하는 한 자바 스크립트 인터프리터는 처리하기 전에 모든 주석과 중복 공백을 제거합니다. 그러나 다운로드 시간에 영향을 줄 수 있으므로 웹 페이지의 로딩 시간에 영향을 미칠 수 있습니다.
여기에서 약간의 추가 정보를 확인하세요.
|
그러나 실제 처리 속도에는 거의 영향을 미치지 않습니다.
더 작은 크기 => 더 적은 대역폭 => 더 적은 비용 => ??? => 이익!
|
너의 답
StackExchange.ifUsing ( "editor", function () {
StackExchange.using ( "externalEditor", function () {
StackExchange.using ( "snippets", function () {
StackExchange.snippets.init ();
});
});
}, "코드 스 니펫");
StackExchange.ready (function () {
var channelOptions = {
태그 : "".split ( ""),
id : "1"
};
initTagRenderer ( "". split ( ""), "".split ( ""), channelOptions);
StackExchange.using ( "externalEditor", function () {
// 스 니펫이 활성화 된 경우 스 니펫 후에 편집기를 실행해야합니다.
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using ( "snippets", function () {
createEditor ();
});
}
else {
createEditor ();
}
});
function createEditor () {
StackExchange.prepareEditor ({
useStacksEditor : false,
heartbeatType : '답변',
autoActivateHeartbeat : false,
convertImagesToLinks : true,
noModals : true,
showLowRepImageUploadWarning : true,
scoreToPostImages : 10,
bindNavPrevention : true,
접미사 : "",
imageUploader : {
brandingHtml : "Powered by \ u003ca href = \"https : //imgur.com/ \ "\ u003e \ u003csvg class = \"svg-icon \ "width = \"50 \ "height = \"18 \ "viewBox = \ "0 0 50 18 \"fill = \ "none \"xmlns = \ "http : //www.w3.org/2000/svg \"\ u003e \ u003cpath d = \ "M46.1709 9.17788C46.1709 8.26454 46.2665 7.94324 47.1084 7.58816C47.4091 7.46349 47.7169 7.36433 48.0099 7.26993C48.9099 6.97997 49.672 6.73443 49.672 5.93063C49.672 5.22043 48.9832 4.61182 48.1414 4.6931182C47.4335 4.61182 46.7256 4.52513.6307884.65959531 43.5251. 43.1481 6.59048V11.9512C43.1481 13.2535 43.6264 13.8962 44.6595 13.8962C45.6924 13.8962 46.1709 13.2535 46.1709 11.9512V9.17788Z \ "/ \ u003e \ u003cpath d = \"M32.492 10.1419C32.492 12.697954 34.104182 14.0484 37.0451 14.0484 41.5985 12.6954 41.5985 10.1419V6.59049C41.5985 5.28821 41.1394 4.6623240.1061 4.66232C39.0732 4.66232 38.5948 5.28821 38.5948 6.59049V9.60062C38.5948 10.8521 38.2696 11.5455 37.0451 11.5455C35.8209 11.5455 35.4954 10.8521 35.4954 9.60062V6.59049C35.4954 5.28821 35.0173 4.66232 32.492 466249V10. "/ \ u003e \ u003cpath fill-rule = \"evenodd \ "clip-rule = \"evenodd \ "d = \"M25.6622 17.6335C27.8049 17.6335 29.3739 16.9402 30.2537 15.6379C30.8468 14.7755 30.9615 13.5579 30.9615 11.9512V6. 59049C30.9615 5.28821 30.4833 4.66231 29.4502 4.66231C28.9913 4.66231 28.4555 4.94978 28.1109 5.50789C27.499 4.86533 26.7335 4.56087 25.7005 4.56087C23.1369 4.56087 21.0134 6.57349 21.0134 9.27932C21.0134 28.11097542.607932C21.0134 27. 1109 12.7229 28.1161 12.7799 28.121 12.8346C28.1256 12.8854 28.1301 12.9342 28.1301 12.983C28.1301 14.4373 27.2502 15.2321 25.777 15.2321C24.8349 15.2321 24.1352 14.9821 23.5661 14.7787C23.176 14.6393 22.8472 14.5977 14.522.8472 18 21.2429 15.0123 21.2429 15.6887C21.2429 16.7375 22.9072 17.6335 25.6622 17.6335ZM24.1317 9.27932C24.1317 7.94324 24.9928 7.09766 26.1024 7.09766C27.2119 7.09766 28.0918 7.94324 28.0918 9.27932 1116317211631710. \ "/ \ u003e \ u003cpath d = \"M16.8045 11.9512C16.8045 13.2535 17.2637 13.8962 18.2965 13.8962C19.3298 13.8962 19.8079 13.2535 19.8079 11.9512V8.12928C19.8079 5.82936 18.4879 4.62866 16.4027 4.62866880C15.1594 4.62866 .653 5.05154 11.6581 4.62866 10.3573 4.62866C9.34336 4.62866 8.57809 4.89931 7.9466 5.5079C7.58314 4.9328 7.10506 4.66232 6.51203 4.66232C5.47873 4.66232 5.00066 5.28821 5.00066 6.59049V11.9512C5.004479 13.2535 5.1247873 13.8962 8.0232535 5.47873 13.8962 8.0232535 .90741C8.0232 7.58817 8.44431 6.91179 9.53458 6.91179C10.5104 6.91179 10.893 7.58817 10.893 8.94108V11.9512C10.893 13.2535 11.3711 13.8962 12.4044 13.8962C13.4375 13.8962 13.915 7 13.2535 13.9157 11.9512V8.90741C13.9157 7.58817 14.3365 6.91179 15.4269 6.91179C16.4027 6.91179 16.8045 7.58817 16.8045 8.94108V11.9512Z \ "/ \ u003e \ u003cpath d = \"M3.31675 6.5903249C3.31675 5.28821 2.83866 4.66232 791758 4.66232 0.313354 5.28821 0.313354 6.59049V11.9512C0.313354 13.2535 0.791758 13.8962 1.82471 13.8962C2.85798 13.8962 3.31675 13.2535 3.31675 11.9512V6.59049Z \ "/ \ u003e \ u003cpath d = \"M1.87209 0.400291 0 1.1159 0 1.98861 0.400291 0 1.1159 0 1.98861 0.400291C0.843612 C0 2.87869 0.822846 3.57676 1.87209 3.57676C2.90056 3.57676 3.7234 2.87869 3.7234 1.98861C3.7234 1.1159 2.90056 0.400291 1.87209 0.400291Z \ "fill = \"# 1BB76E \ "/ \ u003e \ u003c / svg \ u003e \ u003c / a \ u003e",
contentPolicyHtml : "\ u003ca href = \"https : //stackoverflow.com/help/licensing \ "\ u003ecc by-sa \ u003c / a \ u003e \ u003ca href = \"https://stackoverflow.com에 따라 라이선스가 부여 된 사용자 기여 / legal / content-policy \ "\ u003e (콘텐츠 정책) \ u003c / a \ u003e",
allowUrls : true
},
onDemand : true,
폐기 선택기 : ".discard-answer"
, immediatelyShowMarkdownHelp : true, enableTables : true, enableSnippets : true
});
}
});
Stack Overflow에 대한 답변에 기여해 주셔서 감사합니다!
질문에 반드시 답해주십시오. 세부 사항을 제공하고 연구를 공유하십시오!
그러나 피하십시오 ...
도움, 설명을 요청하거나 다른 답변에 응답합니다.
의견에 근거한 진술 작성 참고 자료 또는 개인적인 경험으로 백업하십시오.
자세한 내용은 훌륭한 답변 작성에 대한 팁을 참조하십시오.
초안 저장
초안이 삭제되었습니다.
가입 또는 로그인
StackExchange.ready (function () {
StackExchange.helpers.onClickDraftSave ( '# login-link');
});
Google을 사용하여 가입
Facebook을 사용하여 가입
이메일 및 비밀번호를 사용하여 가입
제출
게스트로 게시
이름
이메일
필수이지만 표시되지 않음
StackExchange.ready (
함수 () {
StackExchange.openid.initPostLogin ( '. new-post-login', 'https % 3a % 2f % 2fstackoverflow.com % 2fquestions % 2f4423553 % 2fdo-spaces-comments-slow-javascript-down % 23new-answer', 'question_page' );
}
);
게스트로 게시
이름
이메일
필수이지만 표시되지 않음
답변 게시
포기
"답변 게시"를 클릭하면 서비스 약관, 개인 정보 보호 정책 및 쿠키 정책에 동의하게됩니다.
찾고있는 답변이 아닙니까? javascript 태그가 달린 다른 질문을 찾아 보거나 직접 질문하십시오.